<div class="one-dv-bg"></div>
<div class="one-dv-box">
  <div class="one-dv-box-header">
    <span class="one-dv-box-header-text">站点分类</span>
  </div>
  <div class="one-dv-box-body">
    <div id="siteCategory" style="width: 100%;height: 100%;"></div>
  </div>
</div>
<div class="one-dv-box">
  <div class="one-dv-box-header">
    <span class="one-dv-box-header-text">空气优良天数情况</span>
  </div>
  <div class="one-dv-box-body">
    <div id="airQuality" style="width: 100%;height: 100%;"></div>
  </div>
</div>
<ul class="list-inline" style="position: relative;">
  <li>
    <div class="one-dv-box">
      <div class="one-dv-box-header">
        <span class="one-dv-box-header-text">站点联网状态</span>
      </div>
      <div class="one-dv-box-body">
        <div id="siteLine" style="width: 100%;height: 100%;"></div>
      </div>
    </div>
  </li>
  <li class="one-list-inline-item">
    <div class="one-dv-box">
      <div class="one-dv-box-header">
        <span class="one-dv-box-header-text">当日累计AQI趋势图</span>
      </div>
      <div class="one-dv-box-body" style="width: 100%;">
        <div id="AQICount" style="width: 100%;height: 100%;"></div>
      </div>
    </div>
  </li>
  <li style="position: absolute;right: 0;">
    <div class="one-dv-box one-dv-box-right">
      <div class="one-dv-box-header">
        <span class="one-dv-box-header-text">站点AQI实时情况</span>
      </div>
      <div class="one-dv-box-body">
        <div class="one-dv-list">
          <div class="one-dv-list-head">
            <ul class="list-inline">
              <li>站点</li>
              <li>所属区域</li>
              <li>AQI</li>
              <li>首要污染物</li>
            </ul>
          </div>
          <div class="one-dv-list-body">
            <ul class="list-inline">
              <li>岗李水库</li>
              <li>中原区</li>
              <li><span class="one-bg-level2">99</span></li>
              <li>PM2.5</li>
            </ul>
            <ul class="list-inline">
              <li>岗李水库</li>
              <li>中原区</li>
              <li><span class="one-bg-level2">99</span></li>
              <li>PM2.5</li>
            </ul>
            <ul class="list-inline">
              <li>岗李水库</li>
              <li>中原区</li>
              <li><span class="one-bg-level2">99</span></li>
              <li>PM2.5</li>
            </ul>
            <ul class="list-inline">
              <li>岗李水库</li>
              <li>中原区</li>
              <li><span class="one-bg-level2">99</span></li>
              <li>PM2.5</li>
            </ul>
            <ul class="list-inline">
              <li>岗李水库</li>
              <li>中原区</li>
              <li><span class="one-bg-level2">99</span></li>
              <li>PM2.5</li>
            </ul>
            <ul class="list-inline">
              <li>岗李水库</li>
              <li>中原区</li>
              <li><span class="one-bg-level2">99</span></li>
              <li>PM2.5</li>
            </ul>
            <ul class="list-inline">
              <li>岗李水库</li>
              <li>中原区</li>
              <li><span class="one-bg-level2">99</span></li>
              <li>PM2.5</li>
            </ul>
            <ul class="list-inline">
              <li>岗李水库</li>
              <li>中原区</li>
              <li><span class="one-bg-level2">99</span></li>
              <li>PM2.5</li>
            </ul>
            <ul class="list-inline">
              <li>岗李水库</li>
              <li>中原区</li>
              <li><span class="one-bg-level2">99</span></li>
              <li>PM2.5</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </li>
</ul>
<ul class="list-unstyled one-dv-alert">
  <li>
    <div class="one-dv-alert-item clearfix">
      <div class="one-dv-alert-item-right pull-left">
        <img src="../../../../assets/v1/css/portal/bs/imgs/user_lg.png" alt="" style="width: 60px;height: 60px;">
      </div>
      <div class="one-dv-alert-item-left pull-left">
        <div>【工业源污染报警】</div>
        <div>郑州市汉威电子科技有限公司</div>
        <div>污染超标</div>
        <div>2017-10-17 16:02</div>
      </div>
    </div>
  </li>
  <li>
    <div class="one-dv-alert-item clearfix">
      <div class="one-dv-alert-item-right pull-left">
        <img src="/assets/v1/css/portal/bs/imgs/user_lg.png" alt="" style="width: 60px;height: 60px;">
      </div>
      <div class="one-dv-alert-item-left pull-left">
        <div>【工业源污染报警】</div>
        <div>郑州市汉威电子科技有限公司</div>
        <div>污染超标</div>
        <div>2017-10-17 16:02</div>
      </div>
    </div>
  </li>
  <li>
    <div class="one-dv-alert-item clearfix">
      <div class="one-dv-alert-item-right pull-left">
        <img src="/assets/v1/css/portal/bs/imgs/user_lg.png" alt="" style="width: 60px;height: 60px;">
      </div>
      <div class="one-dv-alert-item-left pull-left">
        <div>【工业源污染报警】</div>
        <div>郑州市汉威电子科技有限公司</div>
        <div>污染超标</div>
        <div>2017-10-17 16:02</div>
      </div>
    </div>
  </li>
  <li>
    <div class="one-dv-alert-item clearfix">
      <div class="one-dv-alert-item-right pull-left">
        <img src="/assets/v1/css/portal/bs/imgs/user_lg.png" alt="" style="width: 60px;height: 60px;">
      </div>
      <div class="one-dv-alert-item-left pull-left">
        <div>【工业源污染报警】</div>
        <div>郑州市汉威电子科技有限公司</div>
        <div>污染超标</div>
        <div>2017-10-17 16:02</div>
      </div>
    </div>
  </li>
  <li>
    <div class="one-dv-alert-item clearfix">
      <div class="one-dv-alert-item-right pull-left">
        <img src="/assets/v1/css/portal/bs/imgs/user_lg.png" alt="" style="width: 60px;height: 60px;">
      </div>
      <div class="one-dv-alert-item-left pull-left">
        <div>【工业源污染报警】</div>
        <div>郑州市汉威电子科技有限公司</div>
        <div>污染超标</div>
        <div>2017-10-17 16:02</div>
      </div>
    </div>
  </li>
  <li>
    <div class="one-dv-alert-item clearfix">
      <div class="one-dv-alert-item-right pull-left">
        <img src="/assets/v1/css/portal/bs/imgs/user_lg.png" alt="" style="width: 60px;height: 60px;">
      </div>
      <div class="one-dv-alert-item-left pull-left">
        <div>【工业源污染报警】</div>
        <div>郑州市汉威电子科技有限公司</div>
        <div>污染超标</div>
        <div>2017-10-17 16:02</div>
      </div>
    </div>
  </li>
</ul>
<div class="one-dv-map-area">
  <div id="dvAirMap" class="one-dv-map"></div>
</div>
